import React from 'react';  
import { Space, Slider, Input, Row } from "antd";

const FlowRate = (props) => {
  const { reverse = false } = props
  return (
    <div style={{ padding: "10px", border: "1px solid #f0f0f0", width: 360 }}>
      <div style={{ padding: "10px", borderBottom: "1px solid #f0f0f0" }}>杭州单元</div>
      <Space direction="vertical" style={{ padding: "10px" }}>
        <span>全组件流量比例</span>
        <Space>
          {/* <InputNumber /> */}
          <span>-</span>
          {/* <InputNumber />
          <InputNumber addonAfter="%" /> */}
        </Space>
        <Slider min={0} max={100} reverse={reverse}/>
      </Space>
    </div>
  );

}

export default FlowRate